<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/Tmall.css" type="text/css"/>
</head>
<body>
<!--广告栏-->
<div id="adv"><a href=""><img src="img/TB1pqqcOFXXXXXdXVXXXXXXXXXX-990-80.png" alt=""/></a></div>
<!--右边导航-->
<ul id="nav-right">
    <li><a href="" class="nav-img"></a></li>
    <li><a href="" class="map">
        <img src="img/nav.png" alt=""/>
        <p class="navigation">会场导航<b class="bbs">▶</b></p>
    </a></li>
    <li style="margin: 8px 0;"><a href="" class="navs">
        <img src="img/index8.png" alt=""/>
        <p class="ps">我的特权<b class="arrows">▶</b></p>
    </a></li>
    <li class="shop-cart"><a href="" class="shopping-cart">
        <img src="img/indextx.png" alt=""/><img src="img/index1.png" alt="" class="img2"/>
        <span>购物车</span>
    </a></li>
    <li style="margin: 8px 0;"><a href="" class="navs">
        <img src="img/index.png" alt=""/>
        <p class="ps">我的资产<b class="arrows">▶</b></p>
    </a></li>
    <li style="margin: 8px 0;"><a href="" class="navs brand">
        <p class="ps">我关注的品牌<b class="arrows">▶</b></p>
    </a></li>
    <li style="margin: 8px 0;"><a href="" class="navs collect">
        <p class="ps">我的收藏<b class="arrows">▶</b></p>
    </a></li>
    <li style="margin: 8px 0;"><a href="" class="navs look">
        <p class="ps">我看过的<b class="arrows">▶</b></p>
    </a></li>
    <li style="margin: 8px 0;"><a href="" class="navs top-up">
        <p class="ps">我要充值<b class="arrows">▶</b></p>
    </a></li>
    <li><a href="" class="navs feedback">
        <p class="ps">用户反馈<b class="arrows">▶</b></p>
    </a></li>
    <li class="lis" style="position: relative"><a href="" class="navs qr-code"></a>
        <p class="tcat">
            <img src="img/img%20(18).png" alt="" style="width: 100px;height: 100px;margin: 45px 27px"/>
            <img src="img/fiirst.png" alt="" style="width: 135px;height: 45px;position: absolute;bottom: 15px;right: 10px"/>
            <b style="color: #f64941;position: absolute;right: -8px;bottom: 10px">▶</b>
        </p>
    </li>
    <li><a href="" class="navs return-top">
        <p class="ps">返回顶部<b class="arrows">▶</b></p>
    </a></li>
</ul>
<!--头部-->
<header id="header">
    <div class="head">
        <ul class="head-left">
            <li>喵，欢迎来天猫</li>
            <li><a href="">请登录</a></li>
            <li><a href="">免费注册</a></li>
        </ul>
        <ul class="head-right">
            <li class="my-taobao"><a href="">我的淘宝</a><b class="nabla"></b>
                <div class="baby">
                    <div class="taobao"><a href="">我的淘宝</a><b class="triangle"></b></div>
                    <div class="deal">
                        <a href="">已买到的宝贝</a>
                        <a href="">已卖出的宝贝</a>
                    </div>
                </div>
            </li>
            <li><a href="">我关注的品牌</a></li>
            <li><a href="">购物车0件</a></li>
            <li class="my-shop"><a href="">收藏夹</a><b class="nabla"></b>
                <div class="shop">
                    <div class="favorites"><a href="">收藏夹</a><b class="triangle"></b></div>
                    <div class="collection">
                        <a href="">收藏的宝贝</a>
                        <a href="">收藏的店铺</a>
                    </div>
                </div>
            </li>
            <li>|</li>
            <li class="phone"><a href="">手机版</a>
                <div class="code">
                    <img src="img/TB1K4a8IpXXXXaRXFXXbNxvWXXX-175-215.png" alt=""/>
                    <b></b>
                </div>
            </li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">企业购</a></li>
            <li class="Business"><a href="">商家支持</a><b class="nabla"></b>
                <div class="support">
                    <div class="merchant"><a href="">商家支持</a><b class="triangle"></b></div>
                    <div class="mct">
                        <h6 class="h6">商家：</h6>
                        <dl>
                            <dt><a href="">商家中心</a></dt>
                            <dt><a href="">运营服务</a></dt>
                            <dt><a href="">商家工具</a></dt>
                            <dt><a href="">天猫智库</a></dt>
                        </dl>
                        <dl>
                            <dt><a href="">商家入驻</a></dt>
                            <dt><a href="">运营品控</a></dt>
                            <dt><a href="">商家规则</a></dt>
                            <dt><a href="">喵言喵语</a></dt>
                        </dl>
                        <div class="help">
                            <h6 class="h6">帮助：</h6>
                            <hr class="hr1 hr"/>
                            <a href="" class="hep">帮助中心</a>
                            <hr class="hr"/>
                        </div>
                    </div>
                </div>
            </li>
            <li class="navigation"><a href="">网站导航<b class="nabla"></b></a>
                <div class="Guide">
                    <div class="Malls"><a href="">网站导航</a><b class="triangle"></b></div>
                    <div class="box">
                        <div class="Hot">
                            <p class="tte" style="color: orangered">热点推荐 Hot</p>
                            <dl>
                                <dt><a href="">天猫超市</a></dt>
                                <dt><a href="" class="hn">女装新品<i class="HN"></i></a></dt>
                                <dt><a href="">试美妆</a></dt>
                                <dt><a href="">精明妈咪</a></dt>
                                <dt><a href="">会员积分</a></dt>
                            </dl>
                            <dl>
                                <dt><a href="">喵鲜生</a></dt>
                                <dt><a href="">酷玩街</a></dt>
                                <dt><a href="">运动新品</a></dt>
                                <dt><a href="" class="hn">吃乐会<i class="HN NN"></i></a></dt>
                                <dt><a href="">天猫国际</a></dt>
                            </dl>
                            <dl>
                                <dt><a href="" class="hn">科技新品<i class="HN NN"></i></a></dt>
                                <dt><a href="" class="hn">内衣新品<i class="HN"></i></a></dt>
                                <dt><a href="" class="hn">时尚先生<i class="HN"></i></a></dt>
                                <dt><a href="">企业采购</a></dt>
                            </dl>
                        </div>
                        <div class="Market">
                            <p class="tte" style="color: blue">行业市场 Market</p>
                            <dl>
                                <dt><a href="">美妆</a></dt>
                                <dt><a href="">运动</a></dt>
                                <dt><a href="">旅行</a></dt>
                                <dt><a href="">食品</a></dt>
                            </dl>
                            <dl>
                                <dt><a href="">电器</a></dt>
                                <dt><a href="">男鞋</a></dt>
                                <dt><a href="">母婴</a></dt>
                                <dt><a href="" class="hn">配饰<i class="HN NN"></i></a></dt>
                            </dl>
                            <dl>
                                <dt><a href="" class="hn">女装<i class="HN"></i></a></dt>
                                <dt><a href="" class="hn">内衣<i class="HN"></i></a></dt>
                                <dt><a href="">家装</a></dt>
                                <dt><a href="">汽车</a></dt>
                            </dl>
                            <dl>
                                <dt><a href="" class="hn">男装<i class="HN"></i></a></dt>
                                <dt><a href="">箱包</a></dt>
                                <dt><a href="">医药</a></dt>
                            </dl>
                        </div>
                        <div class="Brand">
                            <p class="tte" style="color: blue">品牌风尚 Brand</p>
                            <dl>
                                <dt><a href="">商天猫</a></dt>
                                <dt><a href="">天猫原创</a></dt>
                            </dl>
                            <dl>
                                <dt><a href="">大牌街</a></dt>
                                <dt><a href="">什么牌子好</a></dt>
                            </dl>
                            <dl>
                                <dt><a href="">潮牌街</a></dt>
                            </dl>
                        </div>
                        <div class="Help">
                            <p class="tte" style="color: blue">服务指南 Help</p>
                            <dl>
                                <dt><a href="">帮助中心</a></dt>
                                <dt><a href="">品质保障</a></dt>
                                <dt><a href="">特色服务</a></dt>
                                <dt><a href="">7天退换货</a></dt>
                            </dl>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</header>
<!--搜索部分 -->
<div id="search">
    <div class="input-box">
        <img src="img/img3.gif" alt=""/>
        <div class="inputt">
            <form action="" method="">
                <input type="text" class="txt" placeholder="  好吃的零食在这里"/>
                <input type="button" value="搜索" class="btn"/>
            </form>
            <ul>
                <li><a href="">羽绒服</a></li>
                <li>|</li>
                <li><a href="">零食</a></li>
                <li>|</li>
                <li><a href="">四件套</a></li>
                <li>|</li>
                <li><a href="">洗衣机</a></li>
                <li>|</li>
                <li><a href="">电视柜</a></li>
                <li>|</li>
                <li><a href="">保暖内衣</a></li>
                <li>|</li>
                <li><a href="">靴子</a></li>
                <li>|</li>
                <li><a href="">打底裤</a></li>
                <li>|</li>
                <li><a href="">双肩包</a></li>
            </ul>
        </div>
    </div>
</div>

<!--导航部分-->
<nav id="nav-bar">
    <ul class="cross">
        <li><a href="">商品分类</a></li>
        <li><a href="">1212盛典</a></li>
        <li><a href="" class="hov"><img src="img/TB1xgT8LVXXXXaZXFXX8ueZHFXX-180-72.png" alt="" style="width: 90px;height: 36px;margin-top: -5px"/>
            <div class="hover-pic"></div>
        </a></li>
        <li><a href="" class="hov"><img src="img/TB1.560LVXXXXb7XVXX8ueZHFXX-180-72.png" alt="" style="width: 90px;height: 36px;margin-top: -5px"/>
            <div class="hover-pic"></div>
        </a></li>
        <li><a href="" class="hov">天猫会员<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">品牌街<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">电器城<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">喵鲜生<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">医药馆<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">营业厅<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">魅力惠<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">飞猪旅行<div class="hover-pic"></div></a></li>
        <li><a href="" class="hov">苏宁易购<div class="hover-pic"></div></a></li>
    </ul>
</nav>


</body>
</html>